<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-es" lang="es-es" >
<head><title></title>
<style type="text/css">
    body {
        font-family:Arial,Helvetica,sans-serif;
        font-size:76%;
        line-height:1.3;
    }
    a {
        text-decoration:none;
        font-weight:bold;
    }
    a:hover {
        text-decoration:underline;
    }
    a:active,a:focus {
        outline:none;
    }
    a,h2,a:hover,li#current a,li.parent li#current a,li#current li a:hover {
       color:#53a31c;
    }
    .small,.createdate,.modifydate {
        font:0.9em Arial,Helvetica,sans-serif;
        color:#53a31c;
    }
    table.avrtable {
        border-left: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    table.avrtable td,
    table.avrtable th {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
    }
    
    span.alert {
        background:#FFD6D6 url(notice-alert.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FE7B7A;
        border-top:3px solid #FE7B7A;
        color:#CC0000;
    }
    span.info {
        background:#C0D2E8 url(notice-info.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #629DE3;
        border-top:3px solid #629DE3;
        color:#0055BB;
    }
    span.note {
        background:#F0E6BE url(notice-note.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #FDE179;
        border-top:3px solid #FDE179;
        color:#B79000;
    }
    span.download {
        background:#DEE6C5 url(notice-download.png) no-repeat scroll 10px 50%;
        border-bottom:3px solid #C2DF88;
        border-top:3px solid #C2DF88;
        color:#57861A;
    }
    span.alert, span.info, span.download, span.note {
        display:block;
        margin:15px 0pt;
        padding:10px 10px 10px 45px;
    }
    .contenttoc {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
    }
</style>
</head><body>
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
	<table cellpadding="0" cellspacing="0" class="contenttoc">
	<tr>
		<th>Índice de artículos</th>
	</tr>
	<tr>
		<td>
		<a href="es-es.doc0.html">Introducción</a>
		</td>
	</tr>
			<tr>
				<td>
				<a href="es-es.doc1.html">Licencia</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc2.html">Reproducción de contenido local</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc3.html">Reproduciendo Contenido Remoto</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc4.html">Parámetros para el plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc5.html">Usando listas de Reproducción</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc6.html">Managing playlists</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc7.html">Using the AVR Media button</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc8.html">Popup window and lightbox</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc9.html">The system plugin</a>
				</td>
			</tr>
			<tr>
				<td>
				<a href="es-es.doc10.html">Managing Players, Rippers and Tags</a>
				</td>
			</tr>
			</table><div class="pagenavcounter">Página 6 de 11</div>
<h2>Usando listas de Reproducción</h2>
<p>Cuando se reproduce contenido local con el reproductor JW Media player, en lugar de usar un solo archivo, usted puede proveerle al reproductor una lista de reproducción en un archivo en formato XML. Tenga en cuenta que si desea proveer una lista, usted debería utilizar la etiqueta <strong>auto</strong> o una de las variaciones de <strong>remote</strong>, ya que de esta forma no se adiciona de forma automática ninguna de las extensiones predefinidas. Usando ésta alternativa, en lugar de proveer el URL al video o audio directamente, usted especifica la URL de la lista de reproducción. El reproductor soporta tres formatos usados comúnmente para definir listas de reproducción y así proveer una mayor compatibilidad: <a href="http://en.wikipedia.org/wiki/XSPF">XSPF</a> (usado para música), <a href="http://en.wikipedia.org/wiki/RSS">RSS</a> (generalmente usado para Podcasts) y <a href="http://en.wikipedia.org/wiki/ATOM">ATOM</a> (de uso regular en Blogs). En el sitio web de Jeroen hay ejemplos tanto de listas de reproducción en <a href="http://www.jeroenwijering.com/upload/xspf_example.xml">formato XSPF</a> y en <a href="http://www.jeroenwijering.com/upload/rss_example.xml">formato RSS</a> las cuales incluyen la mayoría de las etiquetas soportadas.</p>
<p>Usando listas de reproducción usted puede obtener algunos efectos que no están disponibles cuando se usan URLs que apuntan a videos o audio directamente. Por ejemplo, usted puede pegar una imagen de pre visualición al video la cual será mostrada en cualquier momento en el que el reproductor se detenga. Acá se muestra un ejemplo sencillo (este ejemplo se usa en este sitio para mostrar la imagen de pre visualización en el video que aparece en la página principal):</p>
<pre class="xml">&nbsp;
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;playlist</span> <span style="color: #000066;">version</span>=<span style="color: #ff0000;">&quot;1&quot;</span> <span style="color: #000066;">xmlns</span>=<span style="color: #ff0000;">&quot;http://xspf.orig/ns/0/&quot;</span><span style="font-weight: bold; color: black;">&gt;</span></span>
    <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;title<span style="font-weight: bold; color: black;">&gt;</span></span></span>CG Playlist<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/title<span style="font-weight: bold; color: black;">&gt;</span></span></span>
    <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;trackList<span style="font-weight: bold; color: black;">&gt;</span></span></span>
      <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;track<span style="font-weight: bold; color: black;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;title<span style="font-weight: bold; color: black;">&gt;</span></span></span>Reloaded<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/title<span style="font-weight: bold; color: black;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;location<span style="font-weight: bold; color: black;">&gt;</span></span></span>/images/stories/videos/matrix.flv<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/location<span style="font-weight: bold; color: black;">&gt;</span></span></span>
        <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;image<span style="font-weight: bold; color: black;">&gt;</span></span></span>/images/stories/videos/matrix_thumb_small.jpg<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/image<span style="font-weight: bold; color: black;">&gt;</span></span></span>
      <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/track<span style="font-weight: bold; color: black;">&gt;</span></span></span>
    <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/trackList<span style="font-weight: bold; color: black;">&gt;</span></span></span>
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/playlist<span style="font-weight: bold; color: black;">&gt;</span></span></span>
&nbsp;</pre>
<p><span class="info">Usted debe tener en cuenta que cuando utilice la etiqueta <strong>auto</strong> especificando una URL que no es absoluta, la lista de reproducción debe estar localizada en la carpeta images/stories/<strong>videos</strong> aun cuando la lista solo contenga referencias a archivos de audio.</span> Adicionalmente, cuando usted utiliza la extensión .<strong>m4v</strong> en la etiqueta location, usted <strong>debe</strong> especificar el tipo del archivo de forma manual para la entrada correspondiente. El tipo de archivo se especifica adicionando el siguiente elemento: <samp>&lt;meta rel=&quot;type&quot;&gt;flv&lt;/meta&gt;</samp> al <strong>final</strong> de la entrada correspondiente.</p>
<h2>Despliegue de la lista de reproducción</h2>
<p>Desplegar la lista de reproducción puede llegar a ser un problema si usted no conoce como el reproductor utiliza los diferentes parámetros. A continuación se explica la lógica: Tanto para el ancho como para el alto existe un segundo parámetro llamados: <strong>displaywidth</strong> y <strong>displayheight</strong>. Normalmente a estos dos parámetros no se les asigna valor alguno lo que produce que el reproductor se despliegue en su forma por defecto. Si el valor asignado a uno de estos parámetros es menor la lista de reproducción será desplegada. Si usted escoge displaywidth, la lista de reproducción será desplegada ala derecha de la pantalla de video y <strong>encima</strong> de la barra de controles. El ancho de la lista de reproducción para este caso es: <samp>width - displaywidth</samp>. Ahora, si usted usa displayheight el cálculo es un poco más complicado debido a que el alto de la barra de controles debe ser tenido en cuenta. El alto de la barra de controles es de 20px; luego, si usted asigna a displayheight un valor menor que <samp>height - 20</samp>, la lista de reproducción completa el espacio <strong>debajo</strong> de la barra de controles. En este caso, el alto de la lista de reproducción es: <samp>height - displayheight - 20</samp>. Finalmente, existe un caso en el cual no se muestra la lista de reproducción pero se logra un efecto de aparecer/desaparecer cuando el ratón entra y sale del área del video. Para lograr este efecto, se debe asignar a displayheight el <strong>mismo</strong> valor asignado al alto del video.</p>
<h2>Parámetros</h2>
<p>Algunos de los Parámetros del reproductor están relacionados con la lista de reproducción: Cuando usted desea que las imágenes definidas en la lista de reproducción se muestren como miniaturas, el valor del parámetro <strong>plthumbs</strong> debe ser true.</p>
<!-- TRANSLATE -->
<br /><div class="pagenavbar"><div><a href="es-es.doc4.html">&lt;&lt; Anterior</a> - <a href="es-es.doc6.html">Siguiente &gt;&gt;</a></div></div><br /></td>
</tr>
<tr>
	<td colspan="2"  class="modifydate">
		Ultima actualización ( Sábado 05 de Julio de 2008 03:46 )
	</td>
</tr>
</table></body>
</html>